<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			p,h5 {
				margin: 0;
			}
			body {
				background-color: #E5E5E5;
				height: 900px;
			}
			.wrap {
				margin: 50px auto;
				width: 234px;
				height: 300px;
				background-color: #fff;
				display: flex;
				flex-direction: column;
			}
			.pic {
				width: 100%;
				height: 200px;
				display: flex;
				justify-content: center;
			}
			.text {
				flex: 1;
				display: flex;
				flex-direction: column;
				align-items: center;
				background-color: #CCCCCC;
				justify-content: space-evenly;
			}
		</style>
	</head>
	<body>
		<div class="wrap">
			<div class="pic">
				<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/8ce424d6fe93dfb74733b5838140b7ee.jpg?thumb=1&w=200&h=200&f=webp&q=90" alt="">
			</div>
			<div class="text">
				<h5>米家互联网空调C1一级能效</h5>
				<p>变频节能省电，自清洁</p>
				<p>变频节能省电，自清洁</p>
				<p>1999元</p>
			</div>
		</div>
	</body>
</html>
